<!--
 * @Author: your name
 * @Date: 2021-08-19 19:16:54
 * @LastEditTime: 2021-08-22 17:12:24
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \网易严选\index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
    <link rel="stylesheet" href="./index.css">
    <!-- 引入字体图标库 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2760210_tlzzph4l12m.css">
</head>
<body>
    <!-- 顶部 -->
    <div class="top">
        <div class="topBox">
            <div class="topLeft">
                <span class="iconfont icon-weibiaoti1"></span>
                <a href="">因事件（疫情、特大暴雨）影响，部分地区无法配送公告</a>
            </div>
            <div class="topRight">
                <a href="">登录/注册</a>
                <a href="">我的订单</a>
                <a href="">会员</a>
                <a href="">甄选家</a>
                <a href="">企业采购</a>
                <a href="">客户服务</a>
                <span class="iconfont icon-shouji01"></span>
                <a href="">APP</a>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="header">
        <div class="headerUp">
            <img class="logo" src="./img/logo.png" alt="图片丢失">
            <div class="sousuo">
                <div>
                    <div class="search_top">
                        <i class="iconfont icon-search"></i>
                        <input type="text">
                        <span class="but_text">搜索</span>
                    </div>
                </div>
            </div>
            <div class="shopcar">
                <div class="car">
                    <i class="iconfont icon-gouwuche1"></i>
                    <span>购物车</span>
                    <i class="iconfont icon-0"></i>
                </div>
            </div>
        </div>
        <div class="guide">
            <div class="list">
                <ul>
                    <li>
                        <a href="">首页</a>
                    </li>
                    <li>
                        <a href="">居家生活</a>
                        <div class="second">
                            <div class="secondList"></div>
                        </div>
                    </li>
                    <li>
                        <a href="">服饰鞋包</a>
                        <div class="second">
                            <div class="secondList"></div>
                        </div>
                    </li>
                    <li>
                        <a href="">美食酒水</a>
                        <div class="second">
                            <div class="secondList"></div>
                        </div>
                    </li>
                    <li>
                        <a href="">个护清洁</a>
                        <div class="second">
                            <div class="secondList"></div>
                        </div>
                    </li>
                    <li>
                        <a href="">母婴亲子</a>
                        <div class="second">
                            <div class="secondList"></div>
                        </div>
                    </li>
                    <li>
                        <a href="">运动旅游</a>
                        <div class="second">
                            <div class="secondList"></div>
                        </div>
                    </li>
                    <li>
                        <a href="">数码家电</a>
                        <div class="second">
                            <div class="secondList"></div>
                        </div>
                    </li>
                    <li>
                        <a href="">严选全球</a>
                        <div class="second">
                            <div class="secondList"></div>
                        </div>
                    </li>
                    <a id="select_a" href="">为你严选</a>
                    <a href="">众筹</a>
                </ul>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="lunBo">
        <img src="./img/lunbo01.webp" alt="图片丢失">
    </div>
    <!-- 热销榜 -->
    <div class="hot_outer">
        <ul class="hot_goods">
            <li>- 热销榜 -</li>
            <li><img src="./img/全站热销榜.webp" alt=""><span>全站<br>热销榜</span></li>
            <li><img src="./img/1居家生活.webp" alt=""><span>居家<br>生活榜</span></li>
            <li><img src="./img/1服饰鞋包.webp" alt=""><span>服饰<br>鞋包榜</span></li>
            <li><img src="./img/1美食酒水.webp" alt=""><span>美食<br>酒水榜</span></li>
            <li><img src="./img/1数码家电.webp" alt=""><span>数码<br>家电榜</span></li>
            <li><img src="./img/1个护清洁.webp" alt=""><span>个护<br>清洁榜</span></li>
            <li><img src="./img/1运动旅行.webp" alt=""><span>运动<br>旅行榜</span></li>
            <li><img src="./img/1母婴亲子.webp" alt=""><span>母婴<br>亲子榜</span></li>
            <li><img src="./img/1全球特色.webp" alt=""><span>全球<br>特色榜</span></li>
        </ul>
    </div>
    <!-- 新品首发 -->
    <div class="newGoods">
        <div class="newHeader">
            <h3>新品首发</h3>
            <div class="headerLeft">
                <span>为你寻觅世间好物</span>
            </div>
            <div class="headerRight">更多新品></div>
        </div>
        <div class="newCard">
            <div class="box">
                <img src="https://yanxuan-item.nosdn.127.net/5ad31954596a4c97de4272fdf93efebe.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
                <div class="boxContent">
                    <div class="contentLabel">特价</div>
                    <h5>蜂蜜般流心，大颗土耳其杏肉</h5>
                    <div class="contentPrice">¥13.9</div>
                </div>
            </div>
            <div class="box">
                <img src="https://yanxuan-item.nosdn.127.net/7c350185a9a0d330d6e5e60055a8e64c.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
                <div class="boxContent">
                    <div class="contentLabel">特价</div>
                    <h5>蜂蜜般流心，大颗土耳其杏肉</h5>
                    <div class="contentPrice">¥13.9</div>
                </div>
            </div>
            <div class="box">
                <img src="https://yanxuan-item.nosdn.127.net/04cac26411c1ae7f1d6d4aafa55b8860.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
                <div class="boxContent">
                    <div class="contentLabel">每日抄底</div>
                    <h5>蜂蜜般流心，大颗土耳其杏肉</h5>
                    <div class="contentPrice">¥13.9</div>
                </div>
            </div>
            <div class="box">
                <img src="https://yanxuan-item.nosdn.127.net/9f5111b768619c00aa241c358d57b9e7.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
                <div class="boxContent">
                    <div class="contentLabel">特价</div>
                    <h5>蜂蜜般流心，大颗土耳其杏肉</h5>
                    <div class="contentPrice">¥13.9</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 人气推荐 -->
    <div class="population">
        <div class="pHeader">
            <h3 class="pName">人气推荐</h3>
            <div class="headerLeft checked">编辑推荐</div>    
            <div class="headerLeft headerLeftR">热销总榜</div>    
            <div class="headerRight">更多推荐 ></div>
        </div>
        <div class="pContent">
            <div id=pBox_1 class="pBox">
                <img src="https://yanxuan-item.nosdn.127.net/6b9d93eae44995e560bcaf9154becee4.png?type=webp&quality=95&thumbnail=320x320&imageView" alt="图片丢失">
                <div id="titleFirst" class="title">
                    <div id="labelFirst" class="label">99选9</div>
                    <h4>惊喜藏在蛋黄里，翻砂卤蛋 245克</h4>
                    <div id="priceFirst" class="price">¥18</div>
                </div>
            </div>
            <div class="pBox">
                <img src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                <div class="title">
                    <div class="label">99选9</div>
                    <h5>红杏干 180克</h5>
                    <div class="price">¥20</div>
                </div>
            </div>
            <div class="pBox">
                <img src="https://yanxuan-item.nosdn.127.net/2ef1049164f5de76f3447c7300f285ed.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                <div class="title">
                    <h5>含40%散养鸡蛋，芝士蛋糕 800克</h5>
                    <div class="price">¥49</div>
                </div>
            </div>
            <div class="pBox">
                <img src="https://yanxuan-item.nosdn.127.net/55f4fcc2773ac277d0c84138e9b7489b.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                <div class="title">
                    <div class="label">99选9</div>
                    <h5>无添加蔗糖，澳洲进口即食燕麦片 1千克</h5>
                    <div class="price">¥19</div>
                </div>
            </div>
            <div class="pBox">
                <img src="https://yanxuan-item.nosdn.127.net/2c0147161faaa160cf10b6770f1e290d.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                <div class="upTitle">
                    <div class="upTitleTime"></div>
                </div>
                <div class="title">
                    <div class="label">特价</div>
                    <h5>清新英国梨香 强力去污酵素洗衣液3kg/1kg</h5>
                    <div class="price">¥29.9</div>
                    <div class="pricePri">¥35</div>
                </div>
            </div>
            <div class="pBox">
                <img src="https://yanxuan-item.nosdn.127.net/6044c806cf07f0a0f427ea001b3cb68c.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                <div class="title">
                    <div class="label">特价</div>
                    <h5>意面革命，好吃不胖，3分钟即食番茄肉酱面</h5>
                    <div class="price">¥16.8</div>
                    <div class="pricePri">¥19</div>
                </div>
            </div>
            <div class="pBox">
                <img src="https://yanxuan-item.nosdn.127.net/38779b7e649b2e02f2a689bff17cbc42.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                <div class="title">
                    <div class="label">特价</div>
                    <h5>封存鲜果的艺术品，鲜果冻 30克*10颗</h5>
                    <div class="price">¥19.9</div>
                    <div class="pricePri">¥23</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 居家生活 -->
    <div class="house">
        <!-- 居家生活 -->
        <div class="home">
            <div class="header">
                <h3 class="hName">居家生活</h3>
                <div class="headerRight">
                    <a href="">收纳家室</a>
                    <a href="">好物精选</a>
                    <a href="">疫情防控</a>
                    <a href="">北欧原木</a>
                    <a href="">家庭医疗</a>
                    <a href="">餐厨爆款清单</a>
                    <a href="">厨房电器</a>
                    <a href="">餐厨爆款清单</a>
                    <span>查看更多></span>
                </div>
            </div>
            <img src="https://yanxuan.nosdn.127.net/403ef629810368c9b3e0e6fd863ebb4e.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95" alt="图片丢失">
            <div class="content">
                <div class="box box1">  
                    <img src="./img/居家0.jpg" 
                    alt="图片丢失" onmouseover="this.src='./img/居家.jpg'" onmouseout="this.src='./img/居家0.jpg'">
                    <div class="boxContent">
                        <div class="title">
                            <div class="label">99选9</div>
                            <h4>耐热玻璃把手杯 防滑带杯盖</h4>
                            <div class="price">¥38</div>
                        </div>
                    </div> 
                </div>
                <div class="box">  
                    <img src="./img/居家0.jpg" 
                    alt="图片丢失" onmouseover="this.src='./img/居家.jpg'" onmouseout="this.src='./img/居家0.jpg'">
                    <div class="boxContent">
                        <div class="title">
                            <div class="label">99选9</div>
                            <h4>耐热玻璃把手杯 防滑带杯盖</h4>
                            <div class="price">¥38</div>
                        </div>
                    </div> 
                </div>
                <div class="box">  
                    <img src="./img/居家0.jpg" 
                    alt="图片丢失" onmouseover="this.src='./img/居家.jpg'" onmouseout="this.src='./img/居家0.jpg'">
                    <div class="boxContent">
                        <div class="title">
                            <div class="label">99选9</div>
                            <h4>耐热玻璃把手杯 防滑带杯盖</h4>
                            <div class="price">¥38</div>
                        </div>
                    </div> 
                </div>
                <div class="box">  
                    <img src="./img/居家0.jpg" 
                    alt="图片丢失" onmouseover="this.src='./img/居家.jpg'" onmouseout="this.src='./img/居家0.jpg'">
                    <div class="boxContent">
                        <div class="title">
                            <div class="label">99选9</div>
                            <h4>耐热玻璃把手杯 防滑带杯盖</h4>
                            <div class="price">¥38</div>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
        <!-- 服饰鞋包 -->
        <div class="clothes">
            <div class="header">
                <h3 class="hName">服饰鞋包</h3>
                <div class="headerRight">
                    <a href="">好物清单</a>
                    <a href="">男士衬衫</a>
                    <a href="">男装</a>
                    <a href="">男士针织衫/卫衣</a>
                    <a href="">男士外套</a>
                    <a href="">新疆棉系列</a>
                    <a href="">凉感系列</a>
                    <span>查看更多></span>
                </div>
            </div>
            <img src="https://yanxuan.nosdn.127.net/9ed62a99ff7cc6e66225183c84ac4213.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95" alt="图片丢失">
            <div class="content">
                <div class="box box1">  
                    <img src="./img/居家0.jpg" 
                    alt="图片丢失" onmouseover="this.src='./img/居家.jpg'" onmouseout="this.src='./img/居家0.jpg'">
                    <div class="boxContent">
                        <div class="title">
                            <div class="label">99选9</div>
                            <h4>耐热玻璃把手杯 防滑带杯盖</h4>
                            <div class="price">¥38</div>
                        </div>
                    </div> 
                </div>
                <div class="box">  
                    <img src="./img/居家0.jpg" 
                    alt="图片丢失" onmouseover="this.src='./img/居家.jpg'" onmouseout="this.src='./img/居家0.jpg'">
                    <div class="boxContent">
                        <div class="title">
                            <div class="label">99选9</div>
                            <h4>耐热玻璃把手杯 防滑带杯盖</h4>
                            <div class="price">¥38</div>
                        </div>
                    </div> 
                </div>
                <div class="box">  
                    <img src="./img/居家0.jpg" 
                    alt="图片丢失" onmouseover="this.src='./img/居家.jpg'" onmouseout="this.src='./img/居家0.jpg'">
                    <div class="boxContent">
                        <div class="title">
                            <div class="label">99选9</div>
                            <h4>耐热玻璃把手杯 防滑带杯盖</h4>
                            <div class="price">¥38</div>
                        </div>
                    </div> 
                </div>
                <div class="box">  
                    <img src="./img/居家0.jpg" 
                    alt="图片丢失" onmouseover="this.src='./img/居家.jpg'" onmouseout="this.src='./img/居家0.jpg'">
                    <div class="boxContent">
                        <div class="title">
                            <div class="label">99选9</div>
                            <h4>耐热玻璃把手杯 防滑带杯盖</h4>
                            <div class="price">¥38</div>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
        <!-- 美食酒水 -->
        <div class="food">
            <div class="header">
                <h3 class="hName">美食酒水</h3>
                <div class="headerRight">
                    <a href="">爆款美食</a>
                    <a href="">美味上新</a>
                    <a href="">秋季食补</a>
                    <a href="">饼干糕点</a>
                    <a href="">小食糖巧</a>
                    <a href="">肉类零食</a>
                    <a href="">坚果炒货</a>
                    <span>查看更多></span>
                </div>
            </div>
            <img src="https://yanxuan.nosdn.127.net/3297667a12ee6b8f6203ff81754dd1cd.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95" alt="图片丢失">
            <div class="content">
                <div class="box box1">  
                    <img src="https://yanxuan-item.nosdn.127.net/01b2a37d5385311e4dc5bed25775a4ca.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
                    <div class="boxContent"></div> 
                </div>
                <div class="box">
                    <img src="https://yanxuan-item.nosdn.127.net/be4d030d4b4a8a4bf096714ec5b2a4aa.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
                    <div class="boxContent"></div> 
                </div>
                <div class="box">
                    <img src="https://yanxuan-item.nosdn.127.net/10c573e4eaa0fe629c7038265dfcb578.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
                    <div class="boxContent"></div>
                </div>
                <div class="box">
                    <img src="https://yanxuan-item.nosdn.127.net/9cdae54c3c2434ed1f6f2fa6d5fa270d.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
                    <div class="boxContent"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 甄选家 -->
    <div class="selectHome">
        <div class="shHeader">
            <h3>甄选家</h3>
            <span>我们在寻找，对生活有态度的你</span>
        </div>
        <div class="shContent">
            <img src="https://yanxuan.nosdn.127.net/b21b20f34d5007f961c182273a5d429f.jpg?type=webp&imageView&quality=95&thumbnail=690y380" alt="" class="left">
            <img src="https://yanxuan.nosdn.127.net/9548e1f1a0ba0436cb13d586c50284be.jpg?type=webp&imageView&quality=95&thumbnail=390y185" alt="" class="right">
            <img src="https://yanxuan.nosdn.127.net/4a56bf536141eb2ad84f8f8f0e0418ab.jpg?type=webp&imageView&quality=95&thumbnail=390y185" alt="" class="right">
        </div>
    </div>
    <!-- 脚部 -->
    <div class="footer">
        <div>
            <div class="outer">
                <span>客户服务</span>
                <div class="inner one">
                    <i class="iconfont icon-yonghufuwu-01"></i>
                    <span>在线客服</span>
                </div>
                <div class="inner two">
                    <i class="iconfont icon-ico_duanxin"></i>
                    <span>用户反馈</span>
                </div>
            </div>
            <div class="outer">
                <span>何为网易严选</span>
                <p>网易严选是深受新中产喜爱的生活方式品牌, 为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物, 陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</p>
                <div class="outerBottom">
                    <div>关注我们：</div>
                    <img src="./img/微博.png" alt="">
                    <img src="./img/微信.png" alt="">
                    <img src="./img/抖音.png" alt="">
                </div>
            </div>
            <div class="outer lastBox">
                <span>扫码下载严选APP</span>
                <img src="./img/canvas.png" alt="">
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="bottom">
        <div class="bottomTop">
            <div class="box">
                <i class="iconfont icon-yi"></i>
                <span>网易自营电商</span>
            </div>
            <div class="box">
                <i class="iconfont icon-anquanbaozhang"></i>
                <span>30天无忧退换货</span>
            </div>
            <div class="box">
                <i class="iconfont icon-kuaidi1"></i>
                <span>满99元免运费</span>
            </div>
            <div class="box last">
                <i class="iconfont icon-pinzhigongyingshang"></i>
                <span>品质保证</span>
            </div>
        </div>
        <div class="bottomBottom">
            <div>
                <a class="a_1" href="">关于我们</a>
                <a class="a_1" href="">帮助中心</a>
                <a class="a_1" href="">售后服务</a>
                <a class="a_1" href="">配送与验收</a>
                <a class="a_1" href="">商务合作</a>
                <a class="a_1"href="">企业采购</a>
                <a class="a_1" href="">开放平台</a>
                <a class="a_1" href="">搜索推荐</a>
                <a class="a_1" href="">友情链接</a>
                <a id="lastA" class="a_1" href="">廉政举报</a>
            </div>
        </div>
    </div>
</body>
</html>